<template>
    <footer class="footer-info">
      <div class="footer-content">
        <div class="about">
          <h3>关于我们</h3>
          <p>
            我们致力于为用户提供智能化数据分析与可视化平台，帮助企业与个人快速洞察数据价值。
          </p>
        </div>
  
        <div class="contact">
          <h3>联系我们</h3>
          <p>电话：0512-88971002 (工作日 9:00-18:00)</p>
          <p>邮箱：info@company.com</p>
        </div>
  
        <div class="qrcodes">
          <h3>关注我们</h3>
          <div class="qr-wrap">
            <div>
              <img src="/222.jpg" alt="qrcode1" />
              <p>关注公众号</p>
            </div>
            <div>
              <img src="/111.jpg" alt="qrcode2" />
              <p>联系客服</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </template>
  
  <script setup>
  </script>
  
  <style scoped>
  .footer-info {
    background: #f9f9f9;
    padding: 40px 20px;
    margin-top: 60px;
  }
  .footer-content {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }
  .about, .contact, .qrcodes {
    flex: 1;
  }
  .qr-wrap {
    display: flex;
    gap: 20px;
  }
  .qr-wrap img {
    width: 100px;
    height: 100px;
  }
  .qr-wrap p {
    font-size: 14px;
    text-align: center;
    margin-top: 6px;
  }
  </style>
  